<template>
  <div class="title-card">
    <!-- <el-col :span="24">
      <span>
        <span>12.27亿元</span>
        <p>全市非税收入额</p>
      </span>
    </el-col> -->
    
    <div style="position:relative;">
<img src="./text2.png" style="width:100%" />
<div style="position:absolute;z-indent:2;left:50%;top:20%;transform:translate(-50%,-50%)">
<el-col :span="24">
      <span >
        <span class="text-span">45个</span>
       
      </span>
    </el-col> 
   
</div>
<div style="position:absolute;z-indent:2;left:50%;top:50%;transform:translate(-50%,-50%);width:70%">
 <el-col  :span="24">
     <p style="font-size:0.25rem">重大项目拟开工</p>
    </el-col>
   
</div>

</div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.text-span {
  background:linear-gradient(0deg, #A3DAFE 0%, #FFFFFF 100%);
  background-clip: text;
  color: transparent;
}
</style>